

/* ===================================================================
 * 13. infos - (_layout.scss)
 *
 * ------------------------------------------------------------------- */
#infos {
	background: #FFFFFF;
	overflow:Scroll;
	overflow-x:hidden;
	overflow-y:hidden;
}

.info-entry {
	position: relative;
	height: 500px;
}

.info-entry .half-grey {
	width: 50%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	background: rgba(63, 80, 96, 0.15);
}

.info-entry .info-entry-content {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}

.info-entry .media-wrap {
	width: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 600;
}
.media-wrap img{
	height: 450px;
}
.info-entry:nth-child(odd) .media-wrap {
	left: 50%;
	padding-left: 0;
	padding-right: 20px;
}
img{
	max-width: 100%;
}
.info-entry:nth-child(odd) .text-part {
	padding-left: 20px;
	padding-right: 70px;
	width: 50%;
}

.info-entry:nth-child(even) .half-grey {
	left: 0;
}

.info-entry:nth-child(even) .media-wrap {
	left: 0;
	padding-right: 0;
	padding-left: 20px;
}

.info-entry:nth-child(even) .text-part {
	padding-left: 70px;
	padding-right: 20px;
	float: right;
	width: 50%;
}

.info-entry-content {
	padding-top: 10rem;
	padding-bottom: 10rem;
}

.info-entry-content h5 {
	color: rgba(0, 24, 53, 0.4);
	margin-bottom: .6rem;
	margin-left: .2rem;
	font-family: "roboto-medium", sans-serif;
	font-size: 1.5rem;
}

.info-entry-content h2 {
	font-family: "domine-bold", serif;
	font-size: 3.7rem;
	line-height: 1.216;
	padding-bottom: 1.5rem;
	position: relative;
}

.info-entry-content h2::after {
	content: "";
	display: block;
	width: 50px;
	height: 3px;
	background: rgba(0, 24, 53, 0.2);
	position: absolute;
	left: 0;
	bottom: 0;
}
/* -------------------------------------------------------------------
 * responsive:
 * infos
 * ------------------------------------------------------------------- */
@media only screen and (max-width:1024px) {
	.info-entry:nth-child(odd) .media-wrap {
		padding-right: 20px;
	}

	.info-entry:nth-child(odd) .text-part {
		padding-left: 20px;
		padding-right: 40px;
	}

	.info-entry:nth-child(even) .media-wrap {
		padding-left: 20px;
	}

	.info-entry:nth-child(even) .text-part {
		padding-left: 40px;
		padding-right: 20px;
	}

}

@media only screen and (max-width:900px) {
	#infos {
		padding-top: 4.2rem;
		padding-bottom: 3rem;
	}

	.info-entry .half-grey {
		display: none;
	}

	.info-entry .info-entry-content {
		max-width: 600px;
		padding-top: 9rem;
		padding-bottom: 7.8rem;
		border-bottom: 1px solid rgba(0, 24, 53, 0.1);
	}

	.info-entry .info-entry-content .media-wrap,
	.info-entry .info-entry-content .text-part {
		padding: 0 15px;
	}

	.info-entry .info-entry-content .media-wrap {
		position: static;
		width: 100%;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		margin-bottom: 4.2rem;
	}

	.info-entry .info-entry-content .text-part {
		width: 100% !important;
		float: none !important;
		clear: both !important;
		margin-left: 0;
		margin-right: 0;
		text-align: center;
	}

	.info-entry .info-entry-content .button {
		margin: 0 0 1.5rem 0;
	}

	.info-entry .info-entry-content h2::after {
		left: 50%;
		margin-left: -25px;
	}

	.info-entry:last-child .info-entry-content {
		border: none;
	}

}

@media only screen and (max-width:600px) {
	.info-entry .info-entry-content .media-wrap,
	.info-entry .info-entry-content .text-part {
		padding: 0 10px;
	}

	.info-entry .info-entry-content h2 {
		font-size: 3rem;
		line-height: 1.3;
	}

}

@media only screen and (max-width:400px) {
	.info-entry .info-entry-content {
		padding-top: 7.8rem;
		padding-bottom: 6rem;
	}

	.info-entry .info-entry-content .media-wrap,
	.info-entry .info-entry-content .text-part {
		padding: 0;
	}

	.info-entry .info-entry-content h2 {
		font-size: 2.8rem;
		line-height: 1.3;
	}

}


/* ===================================================================
 * 14. stats - (_layout.scss)
 *
 * ------------------------------------------------------------------- */
#stats {
	background: #001835;
	padding-top: 7.2rem;
	padding-bottom: 4.8rem;
	text-align: center;
}

#stats .row {
	max-width: 1440px;
}

#stats .stat {
	min-height: 17.4rem;
	padding-bottom: 1.5rem;
}

#stats .icon-part {
	position: relative;
	padding-bottom: 2.1rem;
}

#stats .icon-part::after {
	content: "";
	display: block;
	width: 80px;
	height: 1px;
	background: rgba(249, 218, 79, 0.5);
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -40px;
}

#stats .icon-part i {
	font-size: 6rem;
	color: #f9da4f;
}

#stats .stat-count {
	color: #FFFFFF;
	font-size: 3.6rem;
	margin-top: 1.2rem;
	margin-bottom: 0;
	font-family: "roboto-medium", sans-serif;
	color: white;
}

#stats .stat-title {
	color: rgba(255, 255, 255, 0.3);
	font-size: 1.4rem;
}

/* -------------------------------------------------------------------
 * responsive:
 * stats
 * ------------------------------------------------------------------- */
@media only screen and (max-width:1024px) {
	#stats .stat:nth-child(n) {
		border-left: 1px solid rgba(255, 255, 255, 0.05);
		padding-bottom: 1.5rem;
	}

	#stats .stat:nth-child(3n+1) {
		border: none;
	}

}

@media only screen and (max-width:768px) {
	#stats .stat:nth-child(n) {
		border-left: 1px solid rgba(255, 255, 255, 0.05);
	}

	#stats .stat:nth-child(2n+1) {
		border: none;
	}

}

@media only screen and (max-width:600px) {
	#stats .stat:nth-child(n) {
		border: none;
	}

}


/* ===================================================================
 * 15. pricing - (_layout.scss)
 *
 * ------------------------------------------------------------------- */
#pricing {
	background: #e2e5e7;
	padding-top: 12rem;
	padding-bottom: 9.6rem;
}

.pricing-content {
	margin-top: 3rem;
	max-width: 1080px;
}

.pricing-content .bgrid {
	margin-bottom: 3.9rem;
	padding: 0 20px;
}

.pricing-content .price-block {
	background-color: #FFFFFF;
	text-align: center;
	padding: 6rem 0 4.8rem;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	position: relative;
}

.pricing-content .price-block .bottom-part {
	padding-top: 2.4rem;
	padding-left: 3rem;
	padding-right: 3rem;
}

.pricing-content .price-block .plan-title {
	padding-bottom: 2.4rem;
	font-size: 2.4rem;
	font-family: "roboto-bold";
	position: relative;
}

.pricing-content .price-block .plan-title::after {
	display: block;
	background-color: rgba(0, 24, 53, 0.3);
	width: 80px;
	height: 3px;
	content: '\0020';
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -40px;
}

.pricing-content .price-block .plan-price {
	font-family: "domine-bold", serif;
	color: #001835;
	font-size: 6.5rem;
	line-height: 1;
	margin-top: 4.2rem;
	margin-bottom: 0;
}

.pricing-content .price-block .plan-price sup {
	font-family: "roboto-black", sans-serif;
	font-size: 2.4rem;
	top: -3rem;
	margin-right: 3px;
}

.pricing-content .price-block .price-month {
	margin-bottom: 1.2rem;
	font-family: "roboto-regular", sans-serif;
	font-size: 1.8rem;
	color: #3f4452;
}

.pricing-content .price-block .features {
	list-style: none;
	font-family: "roboto-regular", sans-serif;
	font-size: 1.6rem;
	color: rgba(0, 0, 0, 0.5);
	margin: 0 0 4.2rem 0;
}

.pricing-content .price-block .features li {
	padding: .6rem 0;
	border-bottom: 1px solid rgba(63, 80, 96, 0.15);
}

.pricing-content .price-block .features li strong {
	color: #001835;
	font-family: "roboto-black", serif;
	color: #001835;
	margin-right: 5px;
}

.pricing-content .price-block .features li:last-child {
	border: none;
}

.pricing-content .price-block .button {
	background: #002f68;
	color: #FFFFFF;
	padding: 0 5rem;
	margin-left: auto;
	margin-right: auto;
}

.pricing-content .price-block .button:hover,
.pricing-content .price-block .button:focus {
	background: #002a5e;
	color: #FFFFFF;
}

.pricing-content .primary {
	background: #002f68;
	color: #FFFFFF;
}

.pricing-content .primary::before {
	content: attr(data-info);
	display: block;
	min-height: 48px;
	line-height: 48px;
	width: 60%;
	text-align: center;
	color: #FFFFFF;
	background: #ed254d;
	font-family: "roboto-black", sans-serif;
	font-size: 1.2rem;
	text-transform: uppercase;
	letter-spacing: .3rem;
	position: absolute;
	top: 0px;
	left: 50%;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
}

.pricing-content .primary .plan-title {
	color: #FFFFFF;
}

.pricing-content .primary .plan-title::after {
	background-color: rgba(255, 255, 255, 0.3);
}

.pricing-content .primary .plan-price {
	color: #FFFFFF;
}

.pricing-content .primary .price-month {
	color: rgba(255, 255, 255, 0.5);
}

.pricing-content .primary .button {
	background: #FFFFFF;
	color: #001835;
}

.pricing-content .primary .button:hover,
.pricing-content .primary .button:focus {
	background: #002149;
}

.pricing-content .primary .features {
	color: rgba(255, 255, 255, 0.6);
}

.pricing-content .primary .features li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.pricing-content .primary .features li strong {
	color: #FFFFFF;
}

/* -------------------------------------------------------------------
 * responsive:
 * pricing
 * ------------------------------------------------------------------- */
@media only screen and (max-width:1024px) {
	.pricing-content {
		max-width: 650px;
	}

	.pricing-content .bgrid {
		padding: 0;
		width: 50%;
		clear: none;
	}

	.pricing-content .bgrid:nth-child(2n+1) {
		clear: both;
	}

	.pricing-content .bgrid:last-child {
		clear: both;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

}

@media only screen and (max-width:600px) {
	.pricing-content {
		max-width: 400px;
	}

	.pricing-content .bgrid {
		width: 100% !important;
		float: none !important;
		clear: both !important;
		margin-left: 0;
		margin-right: 0;
	}

}
